<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/views/inc/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/WEB-INF/views/inc/meta.jsp"></jsp:include>
<title>主页</title>
<link href="${ctx }/static/css/templatemo_style.css" rel="stylesheet"
	type="text/css" />
<link href="${ctx }/static/fullsize/fullsize.css" media="screen"
	rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${ctx }/static/fullsize/jquery.js"></script>
<script type="text/javascript"
	src="${ctx }/static/fullsize/jquery.fullsize.minified.js"></script>
<script type="text/javascript">
	function clearText(field) {
		if (field.defaultValue == field.value)
			field.value = '';
		else if (field.value == '')
			field.value = field.defaultValue;
	}
	$(function() {
		$("div.templatemo_gallery img").fullsize();
	});
</script>
</head>
<body>
	<div id="templatemo_container">
		<div id="templatemo_header">
			<div id="templatemo_logo_area">
				<div id="templatemo_logo">Open</div>
				<div id="templatemo_slogan">Open家园</div>
			</div>
			<div id="templatemo_social">
				<div>
					<span style="margin-left: 5px; margin-right: 5px">|</span><a
						href="login/LoginRequestServlet.do">登录</a><span
						style="margin-left: 5px; margin-right: 5px">|</span><a
						href="login/LoginRequestServlet.do">注册</a>
				</div>
				<a href="#"><img
					src="${ctx}/static/images/templatemo_icon_3.jpg" alt="RSS" /></a> <a
					href="#"><img src="${ctx}/static/images/templatemo_icon_2.jpg"
					alt="Twitter" /></a> <a href="#"><img
					src="${ctx}/static/images/templatemo_icon_1.jpg" alt="Delicious" /></a>
				<form action="#" method="post">
					<input type="text" value="搜索" name="q" class="field" title="email"
						onfocus="clearText(this)" onblur="clearText(this)" /> <input
						type="submit" name="search" value="" alt="Search" class="button"
						title="Subscribe" />
				</form>
			</div>
			<div id="templatemo_menu">
				<ul>
					<li><a href="homepageServlet">首页</a> <c:forEach var="menu"
							items="${sessionScope.columnMenu}">
							<c:if test="${menu.t.name!=null && menu.t.status.equals('Y')}">
								<a href="homepageServlet?nav=${menu.t.name}" class="nav-btn">${menu.t.name}</a>
							</c:if>
						</c:forEach></li>
				</ul>
			</div>
			<!-- end of menu -->
		</div>
		<div id="templatemo_content_area">
			<div id="templatemo_left">
				<div class="templatemo_section_1">
					<div class="top">
						<h1>热门排行</h1>
						<span class="title">大家都在看</span>
					</div>
					<div class="middle">
						<div class="bottom">
							<c:forEach var="article" items="${sessionScope.content}">
											<c:if test="${article.columnname.equals(list.name)}">
												<li><a href="AticlePage.do?id=${article.id}">${article.title}</a></li>
											</c:if>
										</c:forEach>
						</div>
					</div>
				</div>
				<div class="templaemo_h_line"></div>
				<div class="templatemo_section_2">
					<h1>GitHub近期热门项目</h1>
					<div class="green">
						<h3>18 December 2010</h3>
						<p>Pellen tesque dolor nulla, con gue vitae, frin gilla in,
							varius a, orci ma uris con.</p>
					</div>
					<div class="blue">
						<h3>22 November 2010</h3>
						<p>Proin vel libero id erat venen atis accu msan. Nunc blan
							dit orci sit amet risus.</p>
					</div>
					<div class="yellow">
						<h3>30 October 2010</h3>
						<p>Duis pul vinar scele risque ante. Mor bit risti que, risus
							quis congue pul vinar.</p>
					</div>
				</div>
				<div class="templaemo_h_line"></div>
				<div class="templatemo_section_2">
					<a href="http://validator.w3.org/check?uri=referer"><img
						style="border: 0; width: 88px; height: 31px"
						src="http://www.w3.org/Icons/valid-xhtml10"
						alt="Valid XHTML 1.0 Transitional" width="88" height="31"
						vspace="8" border="0" /></a> <a
						href="http://jigsaw.w3.org/css-validator/check/referer"><img
						style="border: 0; width: 88px; height: 31px"
						src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
						alt="Valid CSS!" vspace="8" border="0" /></a>
				</div>
			</div>
			<!-- End of left -->
			<div id="templatemo_right">
				<div class="templatemo_section_3">
					<h1>欢迎来到</h1>
					<span class="blue_title">开源 <b>Open-Open</b></span>
				</div>
				<div class="templaemo_h_line"></div>
				<div class="templatemo_section_4">
					<h1>Services</h1>
					<div class="templatemo_two_col left">
						<img src="${ctx}/static/images/templatemo_img_1.jpg" alt="Fruid" />
						<h2>图片1</h2>
						<p>文本</p>
					</div>
					<div class="templatemo_two_col right">
						<img src="${ctx}/static/images/templatemo_img_2.jpg"
							alt="www.mycodes.net" />
						<h2>图片2</h2>
						<p>文本2</p>
					</div>
					<div class="cleaner"></div>
				</div>
				<div class="cleaner"></div>
				<div class="templatemo_section_6">
					<c:forEach var="menu" items="${sessionScope.columnMenu}">
						<c:if test="${menu.list!=null}">
							<c:forEach var="list" items="${menu.list}">
							  <c:if test="${list.status.equals('Y')}">
								<div class="block">
									<div class="column">
										<span><a href="#">${list.name}</a></span><span
											style="margin-left: 330px;"><a href="#">[更多]</a></span>
									</div>
									<div class="article">
										<c:forEach var="article" items="${sessionScope.content}">
											<c:if test="${article.columnname.equals(list.name)&&article.constatus.equals('Y')}">
												<li><a href="content/AticlePage_content?id=${article.id}">${article.title}</a></li>
											</c:if>
										</c:forEach>
									</div>
								</div>
							  </c:if>
							</c:forEach>
						</c:if>
					</c:forEach>
				</div>
				<div class="templatemo_section_5">
					<div class="templatemo_two_col left">
						<h1>Photo Gallery</h1>
						<div class="templatemo_gallery">
							<img src="${ctx}/static/images/templatemo_thumb_1.jpg"
								class="left"
								longdesc="${ctx}/static/images/templatemo_big_1.jpg"
								title="Sun Flower" alt="Sun Flower" /> <img
								src="${ctx}/static/images/templatemo_thumb_2.jpg" class="mid"
								longdesc="${ctx}/static/images/templatemo_big_2.jpg"
								title="Stone" alt="Stone" /> <img
								src="${ctx}/static/images/templatemo_thumb_3.jpg" class="right"
								longdesc="${ctx}/static/images/templatemo_big_3.jpg" title="Bug"
								alt="Bug" /> <img
								src="${ctx}/static/images/templatemo_thumb_4.jpg" class="left"
								longdesc="images/templatemo_big_4.jpg" title="Singapore"
								alt="Singapore" /> <img
								src="${ctx}/static/images/templatemo_thumb_5.jpg" class="mid"
								longdesc="images/templatemo_big_5.jpg" title="Parrot"
								alt="Parrot" /> <img
								src="${ctx}/static/images/templatemo_thumb_6.jpg" class="right"
								longdesc="${ctx}/static/images/templatemo_big_6.jpg"
								title="Jetty" alt="Jetty" />
						</div>
					</div>
					<div class="templaemo_v_line"></div>
					<div class="templatemo_two_col right">
						<h1>Contact Info.</h1>
						<p>Pellentesque odio. Pellentesque habitant morbi tristique
							senectus et netus et malesuada fames ac turpis egestas
						<p>
						<p>111/222 Lorem ipsum dolor sit,consectetuer adipiscing elit.
							Nunc quis sem nec, 10100</p>
						<p>Tel : 010-100-0100</p>
						<p>Fax : 020-200-0200</p>
						<p>Email : info@yourcompany.com</p>
					</div>
					<div class="cleaner"></div>
				</div>
			</div>
			<!-- End of right -->
		</div>
		<!-- End of content_area -->
	</div>
	<!-- End Of Container -->
	<div class="cleaner"></div>
	<div id="templatemo_footer">
		Copyright © 2010 <a href="#">Your Company Name</a> | Designed by <a
			href="#" target="_parent">www.mycodes.net</a>
	</div>
</body>
</html>